<div>
	<yu-panel title="警示监控">
		<yu-row>
			<yu-xform related-table-name="refTable" form-type="search" v-model="searchFormdata">
				<yu-xform-group :column="4">
					<yu-xform-item label="报警标题" placeholder="报警标题" ctype="input" name="alarmTitle"></yu-xform-item>
					<yu-xform-item label="对象地址" placeholder="对象地址" ctype="input" name="targetData"></yu-xform-item>
					<yu-xform-item label="报警分类" placeholder="报警分类" ctype="select" name="alarmClass" data-code="USE_ALARM_TYPE"></yu-xform-item>
					<yu-xform-item label="报警方式" placeholder="报警方式" ctype="select" name="alarmMode" data-code="USE_ALARM_MODE"></yu-xform-item>
					<yu-xform-item label="处理状态" placeholder="处理状态" ctype="select" name="dealFlag" data-code="USE_ALARM_STATE"></yu-xform-item>
				</yu-xform-group>
			</yu-xform>
			<div ref="tableBox" style="overflow: auto;">
				<yu-xtable :height="tbHeight" ref="refTable" row-number :data-url="dataUrl" :pageable="true">
					<yu-xtable-column label="报警标题" prop="alarmTitle" :show-overflow-tooltip="true">
						<template slot-scope="scope">
							<a style="text-decoration:underline;color:#636CE4 " href="javascipt:void(0);" @click="checkDetial(scope.row)">{{ scope.row.alarmTitle }}</a>
						</template>
					</yu-xtable-column>
					<yu-xtable-column label="报警方式" prop="alarmMode" data-code="USE_ALARM_MODE"></yu-xtable-column>
					<yu-xtable-column label="报警分类" prop="alarmClass" data-code="USE_ALARM_TYPE" :show-overflow-tooltip="true"></yu-xtable-column>
					<yu-xtable-column label="报警时间" prop="alarmTimeStr" :show-overflow-tooltip="true"></yu-xtable-column>
					<yu-xtable-column label="对象地址" prop="targetData" :show-overflow-tooltip="true"></yu-xtable-column>
					<yu-xtable-column label="处理时间" prop="dealTimeStr" :show-overflow-tooltip="true"></yu-xtable-column>
					<yu-xtable-column label="操作" prop="dealTime">
						<template slot-scope="scope">
							<!--  <yu-button @click="checkDetial(scope.row)" type="text" size="small" >查看</yu-button>-->
							<yu-button @click="sendMsg(scope.row)" type="text" size="small" v-if="scope.row.dealTime==null">发送</yu-button>
							<yu-button @click="resendMsg(scope.row)" type="text" size="small" v-if="scope.row.dealTime!=null">重跑</yu-button>
						</template>
					</yu-xtable-column>
					<yu-xtable-column label="处理状态" prop="dealTime" :formatter="dealStateFormatter"></yu-xtable-column>
				</yu-xtable>
			</div>
			<div class="intervalSelectionClass">
				<yu-select v-model="intervalSelection" placeholder="请选择" @change="selectIntervalFn">
					<yu-option v-for="item in refreshIntervalOptions" :key="item.key" :label="item.label" :value="item.key">
					</yu-option>
				</yu-select>
			</div>
			<yu-xdialog :title="viewTitle" :visible.sync="dialogVisible" width="800px">
				<yu-xform ref="refForm" v-model="formdata" label-width="120px">
					<yu-xform-group>
						<yu-xform-item label="报警标题" ctype="input" name="warningTitle" :readOnly="true" colspan="24"></yu-xform-item>
						<yu-xform-item label="报警文本" ctype="textarea" name="warningText" :readOnly="true" colspan="24" rows="3"></yu-xform-item>
						<yu-xform-item label="日志附件文本" ctype="textarea" name="logText" :readOnly="true" colspan="24" rows="3"></yu-xform-item>
					</yu-xform-group>
					<div class="yu-grpButton">
						<yu-button type="primary" @click="cancelFn">关闭</yu-button>
					</div>
				</yu-xform>
			</yu-xdialog>


		</yu-row>
	</yu-panel>


</div>
<style type="text/css">
	.intervalSelectionClass {
		width: 100px;
		height: 20px;
		float: right;
	}
</style>